<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../css/base/reset.css" type="text/css" rel="stylesheet" />
<link href="../../css/base/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/base/hf.css" type="text/css" rel="stylesheet" />
<link href="../../css/other.css" type="text/css" rel="stylesheet" />

<!--[if ie 6]><script src="../js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="../../css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
</head>

<body>
	<div class="wrap">
    	<div class="w965 mg i_main_box">
        	<!-- left -->
            <div class="i_left_box" style="height:1500px;">
            	<ul class="i_submenu">
                	<li>
                    	<img src="../../images/smallpic/collection.gif" /><a href="#">我的收藏</a>
                    </li>
                    <li>
                    	<img src="../../images/smallpic/icon_2.gif" /><a href="#">我的订单</a>
                    </li>
                    <li>
                    	<img src="../../images/smallpic/icon_3.gif" /><a href="#">我的点评</a>
                    </li>
                    <li>
                    	<img src="../../images/smallpic/icon_4.gif" /><a href="#">我的积分</a>
                    </li>
                    <li>
                    	<img src="../../images/smallpic/icon_1.gif" /><a href="#">账户信息</a>
                    </li>
                </ul>
            </div>
            <!-- left--end-->
            <!-- right -->
            <div class="i_right_box" style="height:1500px;">
            	<div class="i_account_wrap">
                	<h1>账户信息</h1>
                    <div class="ml20 mr20">
                    	<ul class="i_title_sorts">
                        	<li class="current">
                            	个人信息
                            </li>
                            <li>
                            	取票人信息
                            </li>
                        </ul>
                        <ul class="i_menu mt10">
                        	<li class="current">
                            	<a href="#">个人资料</a>
                            </li>
                            <li>
                            	<a href="#">联系方式</a>
                            </li>
                            <li>
                            	<a href="#">头像照片</a>
                            </li>
                            <li>
                            	<a href="#" class="last">修改密码</a>
                            </li>
                        </ul>
                        <!-- person info -->
                        <div class="i_info_wrap" style="display:none;">
                        	<form>
                            	<ul class="i_person_info">
                                	<li class="sepcial">
                                    	<label>用户名：</label>
                                        <input type="text" class="input_txt" />
                                        <p class="i_tip">可以修改一次，使用手机和用户名皆可登录驴妈妈。(请输入4-16个字符，支持中文、英文、数字、下划线。)</p>
                                    </li>
                                    <li>
                                    	<label>姓名：</label>
                                        <input type="text" class="input_txt" />
                                    </li>
                                    <li>
                                    	<label>性别：</label>
                                        <div class="i_sex">
                                        	<input type="radio" /><i class="fl">男士</i>
                                        	<input type="radio" /><i class="fl">女士</i>
                                        </div> 
                                    </li>
                                    <li>
                                    	<label>出生日期：</label>
                                        	<select>
                                            	<option>请选择</option>
                                            </select>年
                                            <select>
                                            	<option>请选择</option>
                                            </select>月
                                            <select>
                                            	<option>请选择</option>
                                            </select>日
                                    </li>
                                    <li>
                                    	<label>婚姻：</label>
                                        <select>
                                            <option>请选择</option>
                                        </select>
                                    </li>
                                    <li>
                                    	<label>目前身份：</label>
                                        <select>
                                            <option>请选择</option>
                                        </select>
                                    </li>
                                    <li class="i_area">
                                    	<div class="mb15">
                                    	<label>居住地：</label>
                                        <select>
                                            <option>上海市</option>
                                        </select>
                                        <select>
                                            <option>上海</option>
                                        </select>
                                        </div>
                                        <div class="clear"></div>
                                        <div class="clearfix">
                                        <label>家乡：</label>
                                        <select>
                                            <option>请选择</option>
                                        </select>
                                        <select>
                                            <option>请选择</option>
                                        </select>
                                        </div>
                                        <p class="i_tip mt10">完善居住地及家乡信息以便我们为你推荐旅游景区！</p>
                                    </li>
                                    <li class="i_lt_sign">
                                    	<label>论坛签名：</label>
                                        <textarea></textarea>
                                        <div class="clear"></div>
                                        <input type="image" src="../../images/smallpic/btn_83x23.png" class="i_submit" />
                                    </li>
                                </ul>
                            </form>
                        </div>
                        <!-- person info--end -->
                        
                        <!-- contact -->
                        <div class="i_info_wrap" style="display:none;">
                        	<div class="i_contact_sort_wrap clearfix">
                            	<div class="i_contact">
                                	<ul>
                                    	<li>
                                        	<span>手机：</span>
                                            <a href="#" class="clrblue">绑定手机</a>
                                        </li>
                                        <li>
                                        	<span>邮箱：</span><i>z.deary@hotmail.com</i>
                                            <a href="#" class="clrblue ml10">更改已激活的邮箱</a>
                                        </li>
                                        <li>
                                        	<span>QQ：</span>
                                            <input type="text" class="input_txt" />
                                        </li>
                                        <li>
                                        	<span>MSN：</span>
                                            <input type="text" class="input_txt" />
                                        </li>
                                        <li>
                                        	<input type="image" src="../../images/smallpic/btn_83x23.png" class="i_submit" />
                                        </li>
                                    </ul>
                                </div>
                                <p class="i_tip">验证手机和邮箱，有助于账户安全和方便的使用网站服务。成功验证手机或邮箱将立即获得<i class="clrf60">300</i>积分！<br />
注：需绑定手机号才可使用存款账户功能</p>
                            </div>
                        </div>
                        <!-- contact--end -->
                        
                        <!-- avater -->
                        <div class="i_info_wrap" style="display:none;">
                        	<div class="i_avater_wrap clearfix">
                            	<div class="ava_left">
                                	<h2>当前头像</h2>
                                    <img src="../../images/view/avater_118x118.jpg" />
                                </div>
                                <div class="ava_right">
                                	<h2>选择从您电脑中上传图片作为头像</h2>
                                    <span>请选择新的照片文件，文件需小于500KB</span>
                                    <input type="file" value="选择文件" class="i_up" />
                                    <a href="#" class="up_avabtn">上传</a>
                                </div>
                            </div>
                        </div>
                        <!-- avater--end -->
                        
                        <!-- update password -->
                        <div class="i_info_wrap">
                        	<table class="i_up_pwd">
                            	<tr>
                                	<td class="col1"><span>输入原密码：</span></td>
                                    <td>
                                    	<input type="text" />
                                        <span class="i_tip1">请输入6-16位密码</span>
                                    </td>
                                </tr>
                                <tr>
                                	<td class="col1"><span>输入新密码：</span></td>
                                    <td>
                                    	<input type="text" />
                                        <span class="i_tip2">请输入6-16位密码</span>
                                    </td>
                                </tr>
                                <tr>
                                	<td class="col1"><span>确认新密码：</span></td>
                                    <td>
                                    	<input type="text" />
                                        <span class="i_tip3">请输入6-16位密码</span>
                                    </td>
                                </tr>
                                <tr>
                                	<td class="col1"></td>
                                    <td>
                                    	<input type="button" class="i_submit" value="确    定" />
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!-- update password--end -->
                        
                        <!-- ticketer info -->
                        <div class="i_info_wrap">
                        	<div class="i_ticketer_wrap">
                            	<!-- left-->
                            	<div class="ticket_left">
                                	<!-- first ticketer-->
                                	<div class="ticketer_box">
                                    	<div class="pt10 pl15">
                                    		<h3><a href="#" class="clrblue">修改</a>亲自取票</h3>
                                            <ul class="t_info">
                                            	<li>姓名：<span>fg</span></li>
                                                <li>手机：<span>13511111111</span></li>
                                                <li>地址：<span>1223121</span></li>
                                                <li>邮编：<span>111111</span></li>
                                            </ul>
                                        </div>
                                        <div class="t_update">
                                        	<table>
                                            	<tr>
                                                	<td>姓名：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td>手机：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td>地址：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td>邮编：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td></td>
                                                    <td><input type="button" class="t_btn" value="保存提交" /></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <!-- first ticketer--end-->
                                    <!-- other ticketer-->
                                    <div class="ticketer_box t_otherinfo">
                                    	<div class="pt10 pl15">
                                    		<h3><span><a href="#" class="clrblue">修改</a> | <a href="#" class="clrblue">删除</a></span>取票1</h3>
                                            <ul class="t_info">
                                            	<li>姓名：<span>fg</span></li>
                                                <li>手机：<span>13511111111</span></li>
                                                <li>地址：<span>1223121</span></li>
                                                <li>邮编：<span>111111</span></li>
                                            </ul>
                                        </div>
                                        <div class="t_update">
                                        	<table>
                                            	<tr>
                                                	<td>姓名：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td>手机：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td>地址：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td>邮编：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td></td>
                                                    <td><input type="button" class="t_btn" value="保存提交" /></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    
                                    <div class="ticketer_box t_otherinfo">
                                    	<div class="pt10 pl15">
                                    		<h3><span><a href="#" class="clrblue">修改</a> | <a href="#" class="clrblue">删除</a></span>取票2</h3>
                                            <ul class="t_info">
                                            	<li>姓名：<span>fg</span></li>
                                                <li>手机：<span>13511111111</span></li>
                                                <li>地址：<span>1223121</span></li>
                                                <li>邮编：<span>111111</span></li>
                                            </ul>
                                        </div>
                                        <div class="t_update" style="display:none;">
                                        	<table>
                                            	<tr>
                                                	<td>姓名：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td>手机：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td>地址：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td>邮编：</td>
                                                    <td><input type="text" class="t_input_txt" /></td>
                                                </tr>
                                                <tr>
                                                	<td></td>
                                                    <td><input type="button" class="t_btn" value="保存提交" /></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <!-- other ticketer--end-->
                                </div>
                                <!-- left--end-->
                                
                                <!-- right-->
                                <div class="ticket_right">
                                	<div class="t_instruc">
                                    	<p>
                                        	<span class="clrblack block">取票人说明：</span>
                                            取票人信息将用于您前往景区取票时进行身份验证。如果您是为他人订购门票，新增填写游玩者本人的联系信息。
                                        </p>
                                        <a href="#">新增取票人</a>
                                        <div class="ticketer_box">
                                            <div class="t_update">
                                                <table>
                                                    <tr>
                                                        <td>姓名：</td>
                                                        <td><input type="text" class="t_input_txt" /></td>
                                                    </tr>
                                                    <tr>
                                                        <td>手机：</td>
                                                        <td><input type="text" class="t_input_txt" /></td>
                                                    </tr>
                                                    <tr>
                                                        <td>地址：</td>
                                                        <td><input type="text" class="t_input_txt" /></td>
                                                    </tr>
                                                    <tr>
                                                        <td>邮编：</td>
                                                        <td><input type="text" class="t_input_txt" /></td>
                                                    </tr>
                                                    <tr>
                                                        <td></td>
                                                        <td><input type="button" class="t_btn" value="新增" /></td>
                                                    </tr>
                                                </table>
                                            </div>
                                    	</div>
                                    </div>
                                    
                                </div>
                                <!-- right--end-->
                            </div>
                        </div>
                        <!-- ticketer info--end -->
                        
                    </div>
                </div>
            </div>
            <!-- right--end -->
        </div>
    </div>
</body>
</html>
